page{
    background-color: #fff;
}
.message_wrap{
    .message_header{
        position: relative;
        height: 100rpx;
        padding: 20rpx;
        border-bottom: 2rpx solid #F2F2F2;
        input[type='text']{
            width: 70%;
            border: 2rpx solid #ccc;
            border-radius: 30rpx;
            background-color: #F2F2F2;
            padding-left: 15rpx;
            color: #C3C3C3;
        }
        image{
            width: 5%;
            position: absolute;
            top: 26rpx;
            left: 446rpx;
        }
    }
    .message_content{
        margin-top: 20rpx;
        .message_reply_me{
            height: 120rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2rpx solid #CECECE;
            .message_avatar{
                position: relative;
                flex: 1;
                margin-left: 20rpx;
                image{
                    width: 80%;
                }
                .message_num{
                    position: absolute;
                    top: 2rpx;
                    left: 60rpx;
                    background-color: red;
                    width: 35rpx;
                    height: 35rpx;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 35rpx;
                    color: #fff;
                }
            }
            .message_right{
                flex: 5;
                display: flex;
                justify-content: space-between;
                .info_wrap{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    .info_nick{
                        font-weight: bold;
                        font-size: 30rpx;
                    }
                }
                .message_time{
                    font-size: 50rpx;
                    color: #666;
                    margin-right: 50rpx;
                }
            }
        }
        .message_good_me{
            height: 120rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2rpx solid #CECECE;
            .message_avatar{
                position: relative;
                flex: 1;
                margin-left: 20rpx;
                image{
                    width: 80%;
                }
                .message_num{
                    position: absolute;
                    top: 2rpx;
                    left: 60rpx;
                    background-color: red;
                    width: 35rpx;
                    height: 35rpx;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 35rpx;
                    color: #fff;
                }
            }
            .message_right{
                flex: 5;
                display: flex;
                justify-content: space-between;
                .info_wrap{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    .info_nick{
                        font-weight: bold;
                        font-size: 30rpx;
                    }
                }
                .message_time{
                    font-size: 50rpx;
                    color: #666;
                    margin-right: 50rpx;
                }
            }
        }
        .message_item{
            height: 120rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2rpx solid #CECECE;
            // padding-bottom: 50rpx;
            .message_avatar{
                position: relative;
                flex: 1;
                margin-left: 20rpx;
                image{
                    width: 80%;
                }
                .message_num{
                    position: absolute;
                    top: 2rpx;
                    left: 60rpx;
                    background-color: red;
                    width: 35rpx;
                    height: 35rpx;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 35rpx;
                    color: #fff;
                }
            }
            .message_right{
                flex: 5;
                display: flex;
                justify-content: space-between;
                .info_wrap{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    .info_nick{
                        font-weight: bold;
                        font-size: 30rpx;
                    }
                    .info_new{
                        font-size: 25rpx;
                        color: #ccc;
                        margin-top: 10rpx;
                    }
                }
                .message_time{
                    font-size: 28rpx;
                    color: #ccc;
                    margin-right: 20rpx;
                }
            }
        }
    }
    .block{
        height: 120rpx;
        width: 100%;
        background-color: transparent;
    }
}